<html>
<head>
<title>HomeStay Booking</title>
<link type='text/css' href='style.css' rel='stylesheet' media="all" />
<script src="js/jquery-1.7.2.min.js"></script>
</head>
<body>
	<div id="header"></div>
	<script>
		$('#header').load('header.html');
	</script>
	<!-- call header -->
	<div id="wrap">

		<div id="top_container">
			<!-- left -->
			<div class="user_box">
				<a class="main-link" href="Become-A-Host-Family.html"> <span
					class='home_img'><img src="pic/family.jpg" alt="" /> </span>
					<div class="clr"></div>
					<center>
						<h2><< Become a host family >></h2>
					</center>
				</a>

				<div class="clr"></div>
			</div>

			<!-- center -->
			<div id="space_box"></div>
			<!-- right -->
			<div class="user_box">
				<a class="main-link" href="Creat-A-Guest-Profile.html"> <span
					class='home_img'><img src="pic/guest.jpg" alt="" /> </span>
					<div class="clr"></div>
					<center>
						<h2><< Create a guest profile >></h2>
					</center>

				</a>
			</div>

		</div>
		<!---#top_container end-->

		<div id="content_container">
			<div id="content_wrap">
				<div id="content" class="clr">
					<iframe
						src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fvn.homestay&amp;width=915&amp;height=181&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=true&amp;header=false"
						scrolling="no" frameborder="0"
						style="border: none; overflow: hidden; width: 915px; height: 181px;"
						allowTransparency="true"></iframe>
				</div>
				<div id="content" class="clr">
					<!-- form trai-->
					<div class='left half'>
						<center>
							<h2 class="ph_h2">Number of Host families :</h2>
						</center>

					</div>
					<!-- form trai end -->

					<!-- form phai-->
					<div class='right half'>
						<center>
							<h2 class="ph_h2">Number of Guests :</h2>

						</center>
					</div>
					<!-- form phai end-->

					<center>
						<h1>GALLERY</h1>
					</center>

					<span class='gallery_img_box'><img src="pic/1.jpg" alt="" /></span>
					<span class='gallery_img_box'><img src="pic/2.jpg" alt="" /></span>
					<span class='gallery_img_box'><img src="pic/3.jpg" alt="" /></span>
					<span class='gallery_img_box'><img src="pic/4.jpg" alt="" /></span>
					<span class='gallery_img_box'><img src="pic/5.jpg" alt="" /></span>
					<span class='gallery_img_box'><img src="pic/6.jpg" alt="" /></span>

					<div id="footer"></div>
					<script>
						$('#footer').load('footer.html');
					</script>
					<!-- call footer -->
				</div>
				<!--content -->
			</div>
			<!--content_wrap -->
		</div>
		<!--content container -->
	</div>
	<!--end_wrap -->
</body>
</html>
